草庐IT

ionic 按钮

全部标签

javascript - 在输入或按钮单击时将输入值传递给 Controller

我正在尝试开始为我正在开发的Ionic应用程序学习AngularJS,但我在理解AngularJS时遇到了一些困难,因为之前的大部分jQuery经验都侧重于DOM操作而不是框架。如果我有以下标记:Send单击输入或发送时如何将输入值传递给Controller​​?我正在开发一个聊天应用程序,所以我认为需要一种模型方法,以便可以自动更新消息线程,但除此之外我一无所知。有人可以帮助我,或者至少给我指出正确的方向吗? 最佳答案 有几种方法可以将值传递给Controller​​。这是最简单的例子。正如贾斯汀所说,您应该研究Angular基础

javascript - Flexslider:在自定义按钮单击时移动到下一张幻灯片(有延迟)

我使用Flexslider已经有一段时间了并且很喜欢它,但是我有一个自定义函数,我正在尝试实现它,但我有点卡住了。在每张幻灯片中,我都有一些带有2个按钮的文本,基本上是true或false。单击其中一个按钮后,它们会根据用户是否选择了正确的答案进行动画处理。不管他们选择什么,在几秒钟的短暂延迟后,我希望幻灯片以动画方式播放到下一张幻灯片。我的flexslider调用如下所示:$(window).load(function(){$('.flexslider').flexslider({animation:"slide",animationLoop:false,slideshow:fals

javascript - $scope.$watch in Angular 在 Ionic/Cordova 中不起作用

我正在使用IonicFramework构建应用程序我现在想为此创建一些开关(基本上是花哨的复选框)。当有人按下开关时,我想将其发送到服务器,因此我首先trycatch开关更改事件。在基本的Angular安装中,我在html()和$watch中使用一个简单的复选框进行了尝试。在我的Controller中像这样:$scope.$watch('theswitch',function(){console.log('theswitchchanged');if($scope.boel){console.log('theswitchisTRUE');}else{console.log('theswi

javascript - 如何在 react.js 表单中创建多个提交按钮?

我正在尝试在react.js中创建一个表单,用户可以在其中单击两个不同的按钮来执行两个不同的操作。在我的例子中,表单应该允许用户选择一个文档并替换当前文档(第一个按钮)或附加到它(第二个按钮)。是否有可能以单一形式实现这一点?我以为我可以使用onSubmit函数中的“事件”参数检测应用了哪个按钮,但没有成功。我还考虑过使用对输入和普通按钮的引用来重新创建一个伪表单,但如果存在更简洁的解决方案,我宁愿不使用这样的hack。预先感谢您的帮助!注意:我发现了一些与多个提交按钮相关的问题(例如here和here),但没有一个涉及react.js解决方案。 最佳答案

javascript - 如何使用 Javascript 判断 "navbar-toggle"按钮是否折叠或隐藏

有没有办法用JS找出切换按钮菜单是折叠还是隐藏。class="navbar-toggle"或data-toggle="collapse"是否有指示此状态的参数?我知道显示或隐藏“.collape”时调用的事件:$('.navbar-collapse').on('shown.bs.collapse',function(){//显示下拉菜单时调用});此外,我知道显示或隐藏崩溃的方法是这样的:$('.navbar-collapse').collapse('hide');但我找不到任何关于如何获取.collapse的当前状态的信息,告诉我它是隐藏还是显示。 最佳答

javascript - 在 Ionic 2/Angular 2 beta 10 中访问窗口对象

在Angular1.x和Ionic1.x中,我可以通过依赖注入(inject)访问窗口对象,如下所示:angular.module('app.utils',[]).factory('LocalStorage',['$window',function($window){return{set:function(key,value){$window.localStorage[key]=value;},get:function(key,defaultValue){return$window.localStorage[key]||defaultValue;}};}]);我如何在Angular2和

javascript - 如何在 Ionic 中的选项卡之间传递数据

我有一个包含3个选项卡的简单项目。当用户点击第一个选项卡上某个项目的按钮时,我需要将该项目移动到第二个选项卡,反之亦然。(发生这种情况时,我还需要通知服务器)。有没有什么方法可以将项目对象传递给“关于页面”选项卡中的数组,反之亦然?主页.htmlHome{{item.title}}{{item.name}}|{{item.number}}Details:{{item.text}}TextCallResponderTakeCall首页.tsimport{Component}from'@angular/core';import{NavController}from'ionic-angula

javascript - 使用 jQuery,如果选择了单选按钮,则隐藏文本框

我有2个单选按钮,我想要的是如果用户选择顶部的单选按钮然后隐藏一个文本框。不确定如何将事件绑定(bind)到单选按钮。 最佳答案 像这样:在jQuery中:$('input[name=foo]').click(function(){if($(this).val()=="top"){$('#textbox').hide();}else{$('#textbox').show();}});click因为change在IE上似乎不能正常工作。 关于javascript-使用jQuery,如果选择

javascript - Jquery 自动加载 gif 和按钮在提交点击时禁用

是否可以自动显示/隐藏ajax加载gif,同时禁用/启用提交按钮?(当提交按钮是样式化的而不是输入类型=提交时)目前提交时我这样做:$("#save_button_id").click(function(){if($('#save_button_id').hasClass('ui-state-disabled'))returnfalse;Save();});functionSave(){StartAjax($("#save_button_id"));$.ajax({success:function(data){EndAjax($("#save_button_id"));//etc...

javascript - 在 GWT 页面上启用和禁用保存按钮

我正在处理的应用程序包含带有大量文本框的设置数据页面;每个页面都有一个保存按钮。我已将大部分页面定义为*.ui.xml文件并使用GWT2.0UI绑定(bind)。我想添加一个保存按钮,该按钮在onload中被禁用,并且仅在用户将数据修改到其中一个文本框后才启用。我知道我可以为页面上的每个元素注册一个事件处理程序来启用按钮,但我想要一个更优雅的解决方案。理想情况下,我想定义一个“监听”页面上的事件并自行更改的按钮。这在GWT中可能吗? 最佳答案 您还可以使用addDomHandler将更改事件添加到整个包含的小部件publicclas